<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="keywords" content="" />
	<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	<script src="js/jquery-1.11.1.min.js"></script>
	<script src="js/bootstrap.js"></script>
	<script src="js/responsiveslides.min.js"></script>
	<script>
		$(function () {
			$("#slider").responsiveSlides({
				auto: true,
				nav: true,
				speed: 500,
				namespace: "callbacks",
				pager: true
			});
		});
	</script>
</head>
<body>
	<div class="header">
		<div class="container">
			<div class="header-top">
				<nav class="navbar navbar-default">
					<div class="container-fluid">
    					<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
							<div class="navbar-brand">
								<h1><a href="user_index.html">Hotel</a></h1>
							</div>
						</div>
    					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li class="active"><a href="user_index.html">酒店<span class="sr-only">(current)</span></a></li>
								<li class="dropdown">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">房间 <span class="caret"></span></a>
									<ul class="dropdown-menu">
										<li><a href="rooms.jsp">双人标间</a></li>
										<li><a href="rooms.jsp">豪华大床</a></li>
										<li><a href="rooms.jsp">情侣主题</a></li>
										<li><a href="rooms.jsp">商务标间</a></li>
										<li><a href="rooms.jsp">商务套间</a></li>
									</ul>
								</li>
								<li><a href="services.html">服务</a></li>
								<li><a href="about.jsp">个人中心</a></li>
								<li><a href="../index.jsp">退出</a></li>
							</ul>
						</div>
  					</div>
				</nav>
			</div>
			<div class="slider">
				<div class="callbacks_container">
				  	<ul class="rslides" id="slider">
					  	<li>
						 	 <h3>great choice of<span>hotels</span> </h3>
					  	</li>
					  	<li>
						  	<h3>最好的选择<span>酒店</span> </h3>
					  	</li>
					  	<li>
						  	<h3>the best place to <span>relax</span> </h3>
					  	</li>
					  	<li>
						  	<h3>最好的地方<span>休息</span> </h3>
					  	</li>
				  	</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="content">
		<div class="Welcome-section">
			<div class="container">
				<h2>
					<span>欢迎来到我们的酒店</span>
					<span style="border-left:1px solid gray;padding-left: 8px">
						Welcome to hotel
					</span>
				</h2>
				<div class="Welcome-grids">
					<div class="col-md-4 welcome-grid">
						<div class="welcome-grid1">
							<img src="images/w1.jpg" class="img-responsive" alt=""/>
						</div>
						<h4>早餐</h4>
						<p>每个房间，我们都为您提供精美的早餐！</p>
					</div>
					<div class="col-md-4 welcome-grid">
						<div class="welcome-grid1">
							<img src="images/w2.jpg" class="img-responsive" alt=""/>
						</div>
						<h4>聚会</h4>
						<p>在这里您可以和您的亲人、朋友度过欢聚的美好时光！</p>
					</div>
					<div class="col-md-4 welcome-grid">
						<div class="welcome-grid1">
							<img src="images/w3.jpg" class="img-responsive" alt=""/>
						</div>
						<h4>运动</h4>
						<p>闲暇时光，你也可以选择在这里体验一下运动的魅力！</p>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<div class="slider1">
			<div class="arrival-grids">
			 	<ul id="flexiselDemo1">
					<li>
						<a href="rooms.html"><img src="images/s1.jpg" alt=""/></a>
					</li>
					<li>
						<a href="rooms.html"><img src="images/s2.jpg" alt=""/></a>
					</li>
					<li>
						<a href="rooms.html"><img src="images/s3.jpg" alt=""/></a>
					</li>
					<li>
						<a href="rooms.html"><img src="images/s4.jpg" alt=""/></a>
					</li>
					<li>
						<a href="rooms.html"><img src="images/s5.jpg" alt=""/></a>
					</li>
					<li>
						<a href="rooms.html"><img src="images/s6.jpg" alt=""/></a>
					</li>
				</ul>
				<script type="text/javascript">
				 	$(window).load(function() {
				  		$("#flexiselDemo1").flexisel({
							visibleItems: 4,
							animationSpeed: 1000,
							autoPlay: true,
							autoPlaySpeed: 3000,
							pauseOnHover:true,
							enableResponsiveBreakpoints: true,
							responsiveBreakpoints: {
								portrait: {
									changePoint:480,
									visibleItems: 1
								},
								landscape: {
									changePoint:640,
									visibleItems: 2
								},
								tablet: {
									changePoint:768,
									visibleItems: 3
								}
							}
						});
					});
				</script>
				<script type="text/javascript" src="js/jquery.flexisel.js"></script>
			</div>
		</div>
		<div class="touch-section">
			<div class="container">
				<h3>联系我们&nbsp;get in touch</h3>
				<div class="touch-grids">
					<div class="col-md-4 touch-grid">
						<h4>地址</h4>
						<h5>银座</h5>
						<p>一米阳光广场</p>
						<p>怡海阁</p>
					</div>
					<div class="col-md-4 touch-grid">
						<h4>联系方式</h4>
						<h5>电话&Email</h5>
						<p>180 0603 6035</p>
						<p><a href="mailto:example@mail.com"> example@mail.com</a></p>
					</div>
					<div class="col-md-4 touch-grid">
						<h4>在线联系</h4>
						<h5>QQ&微信</h5>
						<p>9798336677</p>
						<p>180 0603 6035</p>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
	<div class="footer-section">
		<div class="container">
			<div class="footer-top">
				<p></p>
			</div>
		</div>
	</div>
</body>
</html>
